﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>微信排版编辑器</title>
<meta name="Keywords" content="编辑器">
<meta name="Description" content="编辑器">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/bootstrap_3.css" rel="stylesheet" type="text/css">
<link href="css/65223d75eb.css" rel="stylesheet" type="text/css">
<!-- <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"> -->

<!-- <script charset="utf-8" src="js/v.js?siteid=6635852&amp;"></script> -->
<!-- <script src="js/hm.js"></script> -->
<script src="js/0d46f20dfa.js" type="text/javascript"></script>
<style>
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box!important;
	-webkit-box-sizing: border-box!important;
	word-wrap: break-word!important;
}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;
}
body {
	margin: 0 0;
	font-size: 14px;
	background-image: none;
	background-color: #C9B3A5;
	background-size: cover;
	background-repeat: no-repeat;
	line-height: inherit
}
.135editor {
	max-width: 100% !important;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	font-size: 18px
}
#edui_fixedlayer {
	z-index: 1000000 !important;
}
p {
	clear: both;
	margin: 0 0;
	font-size: 14px;
	min-height: 1em;
}
::-webkit-scrollbar {
 width: 8px;
}
ul {
	padding-left: 0;
}
ul li {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	font-size: 18px
}
.otf-poptools {
	width: 200px;
}
.otf-poptools span {
	margin: 0 5px;
	cursor: pointer;
}
 
::-webkit-scrollbar-thumb {
 -webkit-box-shadow: inset 0 0 8px #645654;
}
.popover {
	max-width: 360px;
}
.modal-backdrop.in {
	opacity: 0.9;
}
.alert-warning {
	background-color: rgba(255,255,255,0.4);
	border: 0 none;
	color: #3a3332;
}
a {
	color: #2fa4e7;
	text-decoration: none;
}
#header-breadcrumb {
	display: none;
}
.footer-bottom {
	padding: 2px;
	font-size: 80%;
}
#maincontent {
	margin: 0;
	padding: 0;
}
#left-sidebar .ui-portlet {
	margin: 0px;
}
#left-side-affix {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
#left-sidebar .btn-group .btn {
	padding: 4px 16px;
}
.modal-backdrop {
	z-index: 1000000;
}
.mix {
	display: none;
}
.cke_reset_all, .cke_reset_all * {
	position: initial;
}
.affix {
	top: 0px;
	background-color: #FFF;
	z-index: 100;
	position: fixed;
}
.col-xs-6 {
	width: 49%;
}
.color-swatch {
	width: 20px;
	height: 20px;
	border-radius: 3px;
	cursor: pointer;
	float: left;
	margin: 4px 2px;
}
.color-box {
	width: 16px;
	height: 16px;
	cursor: pointer;
	border: solid 1px #ddd;
	margin-top: 3px;
	float: left;
	margin-right: 5px;
}
.color-swatch:hover, .color-swatch.active {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-box-shadow: inset 1px 1px 1px #5b616d, 0 0 5px #45bcda;
	-moz-box-shadow: inset 1px 1px 1px #5b616d, 0 0 5px #45bcda;
	box-shadow: inset 1px 1px 1px #5b616d, 0 0 5px #45bcda;
}
#nav-header .category-nav > li:nth-child(2) a {
	color: red;
}
#nav-header .category-nav > li:nth-child(3) a {
	color: red;
}
.col-sm-4, .col-sm-6, .col-sm-2 {
	padding-right: 5px;
	padding-left: 5px;
}
#params-setting ul {
	padding: 0;
}
#params-setting .title {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 3px;
	margin-bottom: 5px;
	margin-top: 15px;
	border-bottom: 1px solid #DDD;
}
#params-setting li {
	list-style: none;
}
#params-setting label {
	display: block;
	line-height: 18px;
	font-weight: normal;
}
#params-setting input {
	margin-right: 5px;
	margin-top: 3px;
	float: left;
}
.cke_button__source_label {
	display: none;
}
.cke_combo__font .cke_combo_text {
	padding-left: 5px;
	width: 60px;
}
.cke_combo__styles .cke_combo_text {
	width: 80px;
}
.cke_chrome {
	border: none;
	box-shadow: 0 0 1px 1px rgba(172,181,194,0.56);
}
#editor-styles .nav > li > a {
	padding: 10px 5px;
	text-align: center;
}
#editor-tpls-list .style-list {
	margin-top: 20px;
	position: relative;
}
#editor-tpls-list .style-list .content, #template-modal-body .style-list .content {
	cursor: pointer;
	padding: 0 5px;
	overflow-x: hidden;
	overflow-y: hidden;
	box-shadow: 0 0 3px rgb(170, 170, 170);
}
#editor-tpls-list .style-list .tools, #template-modal-body .style-list .tools {
	display: none;
}
#editor-tpls-list .row {
	margin: 0 -5px;
}
#editor-tpls-list .col-md-6 {
	padding: 0 5px;
}
.popover-content .btn {
	width: 70px;
	margin-top: 3px;
	padding: 1px 5px;
}
#more-popover .popover-content {
	padding: 5px 5px;
	width: 160px;
	max-width: 360px;
	height: 160px;
}
#insert-style-list li .btn {
	display: none;
}
#insert-style-list li:hover .btn {
	display: inline;
}
#insert-style-list li {
	position: relative;
	background: #FFF;
	border-bottom: 1px dotted #ddd;
}
#preview-msg-content *, #insert-style-list .ui-portlet-list > li * {
	max-width: 100%!important;
	box-sizing: border-box!important;
	-webkit-box-sizing: border-box!important;
	word-wrap: break-word!important;
}
#insert-style-list .ui-portlet-list > li p {
	clear: both;
	margin: 0 0;
	line-height: 1.6;
}
#insert-style-list .origin {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 20px;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	padding: 2px
}
img {
	vertical-align: baseline;
}
fieldset img {
	width: 100%;
	max-width: -moz-fit-content;
	max-width: -webkit-fit-content;
}
#editor-tpls-navtab > li {
	padding: 0 0;
}
.editor-nav .fa {
	width: 18px;
	text-align: center;
	margin: 0 auto;
}
#bg-choose .default, #bg-choose .chooser {
	width: 20px;
	height: 20px;
	margin: 5px;
	cursor: pointer;
	border-radius: 2px;
}
.modal-open .modal {
	z-index: 10000000;
}
#nav-header {
	width: 1120px;
	margin: 0 auto;
}
.small-height #nav-header {
	position: absolute;
	width: 140px;
	background: RGBA(255,255,255,0.3);
	margin-left: 5px;
	padding: 10px 10px;
}
.small-height #nav-header .nav>li>a {
	width: 120px;
	text-align: right;
}
.small-height .open > .dropdown-menu {
	display: block;
	top: 0;
	left: 99%;
}
.small-height #login-menus, .small-height #login-links {
	margin-top: 20px;
}
.small-height #nav-header:hover {
	z-index: 1000;
}
#favor-colors .color-swatch {
	position: relative;
}
#favor-colors .color-swatch .fa {
	position: absolute;
	right: -5px;
	top: -5px;
	display: none;
}
#favor-colors .color-swatch:hover .fa {
	position: absolute;
	right: -5px;
	top: -5px;
	display: block;
}
#favor-colors .color-swatch .fa:hover {
	color: red;
}
#full-page {
	min-width: 1350px;
}
.editorslide {
	width: 80px;
	right: 0px;
}
.editorslide:hover {
	z-index: 10;
}
.editorslide li {
	width: 80px;
}
#WxMsgContent {
	width: 500px;
	height: 470px;
}

@media (max-width: 1400px) {
.small-height #nav-header {
	position: absolute;
	width: 140px;
	background: RGBA(255,255,255,0.3);
	margin-left: 5px;
	padding: 10px 10px;
}
#full-page {
	min-width: 1280px;
	width: 1280px;
}
.editor1, .w3, .editor2 {
	width: 620px;
}
#WxMsgContent {
	width: 500px;
}
.editorBox {
	width: 500px;
	margin-left: 30px;
}
.editorslide {
	right: 0px;
	width: 80px;
	bottom: 5%;
	top: initial;
}
.box, .w0 {
	width: 1100px;
}
.small-height .box, .small-height .w0 {
	margin-left: 60px;
}
.small-height #nav-header .nav>li>a, #nav-header .nav>li>a {
	width: 120px;
	text-align: left;
	padding: 10px 10px;
}
}

@media (max-width: 1200px) {
.small-height #nav-header {
	position: absolute;
	width: 120px;
	background: RGBA(255,255,255,0.3);
	margin-left: 5px;
	padding: 10px 10px;
}
#full-page {
	min-width: 1024px;
	width: 1024px;
}
#nav-header {
	width: 98%;
}
.w3 {
	width: 450px;
}
.editor1, .editor2 {
	width: 540px;
}
.editorBox {
	width: 420px;
	margin-left: 30px;
}
#WxMsgContent {
	width: 420px
}
.box, .w0 {
	width: 99%;
}
.editorslide {
	right: 0px;
	width: 80px;
	bottom: 5%;
	top: initial;
}
.small-height #nav-header .nav>li>a, #nav-header .nav>li>a {
	width: 80px;
	text-align: left;
	padding: 10px 10px;
}
}

@media (max-width: 1130px) {
#nav-header {
	width: 98%;
}
.small-height #nav-header {
	position: absolute;
	width: 120px;
	background: RGBA(255,255,255,0.3);
	margin-left: 5px;
	padding: 10px 10px;
}
#full-page {
	min-width: 1024px;
	width: 1024px;
}
.editor1 {
	width: 500px;
}
#WxMsgContent, .editor2, .w3 {
	width: 370px;
}
.editorBox {
	width: 370px;
	margin-left: 0px;
}
.box, .w0 {
	width: 99%;
}
.editorslide {
	right: -80px;
	width: 80px;
	bottom: 5%;
	top: initial;
}
.small-height #nav-header .nav>li>a, #nav-header .nav>li>a {
	width: 80px;
	text-align: left;
	padding: 10px 10px;
}
#color-plan {
	top: 145px !important;
}
}
.modal-header h3 {
	margin: 0 10px;
}
body.dragging, body.dragging * {
	cursor: move !important;
}
.dragged {
	position: absolute;
	top: 0;
	opacity: 0.5;
	z-index: 2000;
}
ol.sync-article-list {
	list-style-type: none;
}
ol.sync-article-list li {
	cursor: pointer;
}
ol.sync-article-list li.placeholder {
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
}
ol.sync-article-list li.placeholder:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	margin-top: -5px;
	left: -5px;
	top: -4px;
	border: 5px solid transparent;
	border-left-color: red;
	border-right: none;
}
.nodel .delete-pop {
	display: none;
}
</style>
<script>
var BASEURL = "";
var current_editor;
var current_active_135item = null;
</script>
<style id="edui-customize-135BgDialog-style">
.edui-default .edui-for-135BgDialog .edui-dialog-content  {width:600px;height:300px;}
</style>
<style id="edui-customize-135BdBgDialog-style">
.edui-default .edui-for-135BdBgDialog .edui-dialog-content  {width:800px;height:400px;}
</style>
<link href="ueditor/themes/default/_css/ueditor.min.css" type="text/css" rel="stylesheet">
<!-- <script src="ueditor/third-party/codemirror/codemirror.js" type="text/javascript" defer="defer"></script> -->
<link rel="stylesheet" type="text/css" href="ueditor/third-party/codemirror/codemirror.css">
</head>
<body style="overflow-y: hidden; overflow-x: auto; background-image: url(images/bg1.jpg);" onselectstart="return false" oncontextmenu="return false;">
<div id="full-page" class="bg small-height" style="height: 175px;">
 
  <div class="box p-r clearfix" style="margin: 5px auto 0px;"><!--box start-->
    
    <div class="w0 p-r clearfix"> 
      
      <div id="style-operate-area" style="display:inline-block;position:relative;float:left;">
        <div class="w1 fl">
          <div class="n1">分类</div>
          <ul class="n1-1" id="style-categories" style="height: 60px;">
            <li> <a class="filter" data-filter=".tagtpl-107" role="tab" data-toggle="tab" href="#editor-template"> 标题 </a> </li>
            <li> <a class="filter" data-filter=".tagtpl-109" role="tab" data-toggle="tab" href="#editor-template"> 正文 </a> </li>
            <li> <a class="filter" data-filter=".tagtpl-151" role="tab" data-toggle="tab" href="#editor-template"> 图片样式 </a> </li>
            <li> <a class="filter" data-filter=".tagtpl-111" role="tab" data-toggle="tab" href="#editor-template"> 特殊场景 </a> </li>
            <li><a href="#editor-template" class="filter" data-filter=".recomment-style" role="tab" data-toggle="tab"> 系统推荐</a></li>
            <li><a href="#image-list" role="tab" data-toggle="tab">图片素材</a></li>
          </ul>
        </div>
        <div class="w2 fl">
          <div class="n2"> 样式展示区  </div>
          <div id="insert-style-list" class="item tab-content" style="height: 60px;">
            <div id="editor-template" class="tab-pane active">
              <div class="ui-portlet clearfix ">
                <ul class="editor-template-list ui-portlet-list" id="MixItUpC3340E">
                  <li class="recomment-style  col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="126"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <fieldset style="border: 0px; margin: 5px 0px; box-sizing: border-box; padding: 0px;">
                        <section style="height: 1em; box-sizing: border-box;">
                          <section style="height: 100%; width: 1.5em; float: left; border-top-width: 0.4em; border-top-style: solid; border-color: rgb(249, 110, 87); border-left-width: 0.4em; border-left-style: solid; box-sizing: border-box;"></section>
                          <section style="height: 100%; width: 1.5em; float: right; border-top-width: 0.4em; border-top-style: solid; border-color: rgb(249, 110, 87); border-right-width: 0.4em; border-right-style: solid; box-sizing: border-box;"></section>
                          <section style="display: inline-block; color: transparent; clear: both; box-sizing: border-box;"></section>
                        </section>
                        <section style="margin: -0.8em 0.1em -0.8em 0.2em; padding: 0.8em; border: 1px solid rgb(249, 110, 87); border-radius: 0.3em; box-sizing: border-box;">
                          <section placeholder="四角宽边框的样式" style="color: rgb(51, 51, 51); font-size: 1em; line-height: 1.4; word-break: break-all; word-wrap: break-word;" class="135brush"> 四角宽边框的样式 </section>
                        </section>
                        <section style="height: 1em; box-sizing: border-box;">
                          <section style="height: 100%; width: 1.5em; float: left; border-bottom-width: 0.4em; border-bottom-style: solid; border-color: rgb(249, 110, 87); border-left-width: 0.4em; border-left-style: solid; box-sizing: border-box;"></section>
                          <section style="height: 100%; width: 1.5em; float: right; border-bottom-width: 0.4em; border-bottom-style: solid; border-color: rgb(249, 110, 87); border-right-width: 0.4em; border-right-style: solid; box-sizing: border-box;"></section>
                        </section>
                      </fieldset>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','126',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="33"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <h2 style="margin: 8px 0px 0px; padding: 0px; font-weight:bold;font-size:16px;line-height:28px;  max-width: 100%;color:rgb(0, 112, 192); min-height: 32px;border-bottom: 2px solid rgb(0, 112, 192); text-align: justify;"><span class="autonum" placeholder="1" style="background-color:rgb(0, 112, 192); border-radius:80% 100% 90% 20%; color:rgb(255, 255, 255); display:block; float:left; line-height:20px; margin:0px 8px 0px 0px; max-width:100%; padding:4px 10px; word-wrap:break-word !important" data-original-title="" title="">1</span><strong class="135brush" data-brushtype="text">第一标题</strong></h2>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','33',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="14"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <blockquote style="border-width: 1px 1px 1px 5px; border-style: solid; border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(238, 238, 238) rgb(159, 136, 127); border-radius: 3px; padding: 10px; margin: 10px 0px;">
                        <h4 class="135brush" style="color: rgb(159, 136, 127); font-weight: bold; font-size: 18px; margin: 5px 0px; border-color: rgb(159, 136, 127);">标题文字</h4>
                        <section class="135brush" data-style="color:inherit;font-size:14px;" style="color: inherit;font-size:14px">
                          <p>内容描述.</p>
                        </section>
                      </blockquote>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','14',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="2185"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="color: inherit; font-size: 16px; padding: 5px 10px 0px 35px; margin-left: 27px; border-left-width: 2px; border-left-style: dotted; border-left-color: rgb(228, 228, 228);">
                        <section class="autonum" style="width: 32px; height: 32px; margin-left: -53px; margin-top: 23px; color: rgb(202, 251, 215); text-align: center; line-height: 32px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; background: rgb(14, 184, 58);" data-original-title="" title="">1</section>
                        <section class="135brush" style="margin-top: -30px;padding-bottom: 10px; color: inherit;">
                          <p style="clear: both; line-height: 1.5em; font-size: 14px; color: inherit;"><span style="color:inherit; font-size:16px"><strong class="135title" style="color:inherit">如何进入【编辑器】？</strong></span></p>
                          <p style="clear: both; line-height: 1.5em; font-size: 14px; color: inherit;">网页搜索“编辑器”，点击第一条搜索结果即可进入编辑器页面</p>
                        </section>
                      </section>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','2185',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="5"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <blockquote class="135brush" style="white-space: normal;font-size: 14px; line-height: 25px; margin: 2px 0px; padding: 10px 10px; border: 2px dashed #dedcde;max-width: 100%;">
                        <p placeholder="虚线框内容，作为摘要或段落内容。">虚线框内容，作为摘要或段落内容。</p>
                      </blockquote>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','5',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="39"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="max-width: 100%;margin: 0.8em 0px 0.5em; overflow: hidden; ">
                        <section class="135brush" data-brushtype="text" placeholder="请输入标题" style="box-sizing: border-box !important;  height:36px;display: inline-block;color: #FFF; font-size: 16px;font-weight:bold; padding:0 10px;line-height: 36px;float: left; vertical-align: top; background-color: rgb(249, 110, 87); ">请输入标题</section>
                        <section style="box-sizing: border-box !important; display: inline-block;height:36px; vertical-align: top; border-left-width: 9px; border-left-style: solid; border-left-color: rgb(249, 110, 87); border-top-width: 18px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 18px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important;"></section>
                      </section>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','39',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="24"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section class="135brush" style="margin: 3px; padding: 15px;color: rgb(62, 62, 62); line-height: 24px;box-shadow: rgb(170, 170, 170) 0px 0px 3px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-shadow: rgb(170, 170, 170) 0px 0px 3px;">
                        <p>边框阴影内容区域</p>
                      </section>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','24',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="29735"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="width:92px;margin-bottom:0px;">
                        <p style="text-align: center; color: inherit; line-height: 2em;"><span style="border-color:rgb(255, 129, 36); color:rgb(255, 129, 36); font-size:16px"><strong style="border-color:rgb(255, 129, 36); color:inherit">编辑器</strong></span></p>
                      </section>
                      <fieldset style="margin-top: 0px; padding: 0px 5px; line-height: 10px; color: inherit; border: 1px solid rgb(255, 129, 36);">
                        <section style="padding: 0px; font-size: 16px; color: inherit; height: 8px; margin: -8px 0px 0px 140px; width: 50%; background-color: rgb(254, 254, 254);">
                          <section style="width: 8px; height: 8px; border-radius: 100%; line-height: 1; box-sizing: border-box; font-size: 18px; text-decoration: inherit; border-color: rgb(255, 129, 36); display: inline-block; margin: 0px; color: inherit; background-color: rgb(255, 129, 36);"></section>
                        </section>
                        <section class="135brush" data-style="text-indent: 2em;" style="padding: 0px; line-height: 2em; color: rgb(62, 62, 62); font-size: 14px; margin: 15px;">
                          <p style="text-indent: 2em; color: inherit;">编辑器是一个在线图文编辑工具，大量节省您排版的时间，让工作更轻松高效。</p>
                        </section>
                        <section style="padding: 0px; background-color: rgb(254, 254, 254); font-size: 16px; color: inherit; text-align: right; height: 10px; margin: 0px 0px -4px 25px; width: 65%;">
                          <section style="margin: 0px auto 1px; border-radius: 100%; line-height: 1; box-sizing: border-box; text-decoration: inherit; background-color: rgb(255, 129, 36); border-color: rgb(255, 129, 36); display: inline-block; height: 8px; width: 8px; color: inherit;"></section>
                        </section>
                      </fieldset>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','29735',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="391"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <fieldset style="margin: 2em 1em 1em; padding: 0px; border: 0px rgb(255, 179, 167); border-image-source: none; max-width: 100%; box-sizing: border-box; color: rgb(62, 62, 62); font-size: 16px; line-height: 25px; word-wrap: break-word !important;">
                        <section style="max-width: 100%; word-wrap: break-word !important; box-sizing: border-box; line-height: 1.4; margin-left: -0.5em;">
                          <section style="max-width: 100%; box-sizing: border-box; border-color: rgb(0, 0, 0); padding: 3px 8px; border-radius: 4px;color: rgb(167, 23, 0); font-size: 1em;display: inline-block; -webkit-transform: rotateZ(-10deg);transform: rotate(-10deg);transform-origin: left center 0; -webkit-transform-origin: 0% 100%; word-wrap: break-word !important; background-color: rgb(255, 179, 167);"><span class="135brush" data-brushtype="text" style="color:rgb(255, 255, 255)">编辑器</span></section>
                        </section>
                        <section class="135brush" data-style="line-height:24px;color:rgb(89, 89, 89); font-size:14px" style="max-width: 100%; box-sizing: border-box; padding: 22px 16px 16px; border: 1px solid rgb(255, 179, 167);color: rgb(0, 0, 0); font-size: 14px;margin-top: -24px;">
                          <p style="line-height:24px;"><span style="color:rgb(89, 89, 89); font-size:14px">编辑器提供非常好用的微信图文编辑器。可以随心所欲的变换颜色调整格式，更有神奇的自动配色方案。</span></p>
                        </section>
                      </fieldset>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','391',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="30"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <fieldset style="margin: 0px; padding: 5px; border: 1px solid rgb(204, 204, 204); max-width: 100%; color: rgb(62, 62, 62); line-height: 24px; text-align: justify; box-shadow: rgb(165, 165, 165) 5px 5px 2px; background-color: rgb(250, 250, 250);">
                        <legend style="margin: 0px; padding: 0px;  text-align: left;margin-left: 20px;width: auto;border:none;"> <strong><strong style="background-color:rgb(255, 255, 245); color:rgb(102, 102, 102); line-height:20px"><span class="135brush" data-brushtype="text" style="background-color:red; border-bottom-left-radius:3em 1em; border-bottom-right-radius:0.5em 2em; border-top-left-radius:0.5em 4em; border-top-right-radius:3em 1em; box-shadow:rgb(165, 165, 165) 4px 4px 2px; color:white; max-width:100%; padding:4px 10px; text-align:justify">公告通知</span></strong></strong></legend>
                        <section class="135brush" data-style="margin-top: 2px; margin-bottom: 0px; padding: 0px; max-width: 100%; min-height: 1.5em; line-height: 2em;font-weight:bold;">
                          <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; min-height: 1.5em; line-height: 2em;">各位小伙伴们，微信图文美化编辑器正式上线了，欢迎大家多使用多提供反馈意见。使用<span style="color:inherit"><strong>谷歌与火狐浏览器</strong></span>，可获得与手机端一致的显示效果。ie内核的低版本浏览器可能有不兼容的情况</p>
                        </section>
                      </fieldset>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','30',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-151-brush tagtpl-151 mix" data-id="7313"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="background-color: #fff;border: 1px solid #dbdbdb;margin: 0 0 2px 4px;"><img alt="" border="0" src="images/0.jpg" style="width:100%" title="" vspace="0">
                        <h2 class="135brush" data-brushtype="text" style="margin:10px 0;font-size:20px;padding: 3px 10px 2px;">图片标题</h2>
                        <section class="135brush" style="padding: 3px 10px 15px;">
                          <p>图片内容描述，支持多段落。</p>
                        </section>
                      </section>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','7313',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="6"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <h2 class="135brush" placeholder="请输入标题" style="white-space: normal; font-size: 16px; margin: 10px 0px; padding: 10px; max-width: 100%; border-top:solid 2px;border-left:0px; border-bottom:solid 2px; line-height: 25px; color: rgb(109, 151, 200);font-weight:bold; text-align: center;">请输入标题</h2>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','6',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="32"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <blockquote style="margin: 3px; padding: 10px 15px; border-width: 3px; border-color: rgb(107, 77, 64); border-top-left-radius: 50px; border-bottom-right-radius: 50px; box-shadow: rgb(165, 165, 165) 5px 5px 2px; background-color: rgb(250, 250, 250);">
                        <section class="135brush" data-style="margin-top: 15px; margin-bottom: 0px; padding: 0px; color: rgb(107, 77, 64); line-height: 2em; font-size: 20px; border-color: rgb(107, 77, 64);font-size: 18px;font-weight:bold;">
                          <p style="margin-top: 15px; margin-bottom: 0px; padding: 0px; color: rgb(107, 77, 64); line-height: 2em; font-size: 20px; border-color: rgb(107, 77, 64);"><span style="font-size:18px"><strong style="border-color:rgb(107, 77, 64); color:inherit">读而思</strong></span></p>
                        </section>
                        <p style="margin-top: -10px; margin-bottom: 0px; padding: 0px; line-height: 2em; min-height: 1.5em; color: inherit;"><span style="font-size:12px"><strong class="135brush" data-brushtype="text" style="background-color:rgb(107, 77, 64); border-bottom-left-radius:20px; border-bottom-right-radius:20px; color:rgb(224, 209, 202); font-size:13px; padding:0px 15px">duersi</strong></span></p>
                        <section class="135brush" data-style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; font-size: 14px; min-height: 1.5em; color: inherit;">
                          <p><span style="font-size:14px">编辑完成后，将内容复制粘贴到微信后台素材管理的编辑器中即可。</span></p>
                          <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; font-size: 16px; min-height: 1.5em; color: inherit;"><br>
                          </p>
                        </section>
                      </blockquote>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','32',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="2490"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="border: 3px solid rgb(255, 129, 36); padding: 5px;">
                        <section data-bcless="lighten" style="border: 1px solid rgb(255, 158, 87); padding: 15px; text-align: center; color: inherit;">
                          <p class="135title" style="color: inherit;font-size: 12px;"><span style="font-family:arial">编辑器</span></p>
                          <p style="color:inherit;"><strong style="color:inherit"><span class="135brush" style="color:inherit; font-size:18px">操作方便才是硬道理</span></strong></p>
                        </section>
                      </section>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','2490',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="43"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="margin: 2px 0.8em 1em 0; text-align: center; font-size: 1em; vertical-align: middle; white-space: nowrap;">
                        <section style="height: 0px; white-space: nowrap; /* margin: 0px 1em; */ border-top: 1.5em solid rgb(71, 193, 168); border-bottom: 1.5em solid rgb(71, 193, 168); border-left-width: 1.5em ! important; border-left-style: solid ! important; border-right-width: 1.5em ! important; border-right-style: solid ! important; border-color: rgb(71, 193, 168);"></section>
                        <section style="height: 0; white-space: nowrap; margin: -2.75em 1.65em;border-top: 1.3em solid #ffffff;border-bottom: 1.3em solid #ffffff;border-left: 1.3em solid transparent;border-right: 1.3em solid transparent;"></section>
                        <section style="height: 0px; white-space: nowrap; margin: 0.45em 2.1em; vertical-align: middle; border-top: 1.1em solid rgb(71, 193, 168); border-bottom: 1.1em solid rgb(71, 193, 168); border-left-width: 1.1em ! important; border-left-style: solid ! important; border-right-width: 1.1em ! important; border-right-style: solid ! important; border-color: rgb(71, 193, 168);">
                          <section class="135brush" data-ct="fix" placeholder="一行短标题" style="max-height: 1em; padding: 0px; margin-top: -0.5em; color: rgb(254, 255, 253); font-size: 1.2em; line-height: 1em; white-space: nowrap; overflow: hidden; font-style: normal;">一行短标题</section>
                        </section>
                      </section>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','43',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-111-brush tagtpl-111 mix" data-id="46"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="box-sizing: border-box; padding: 0px; margin: 0px;">
                        <section style="display: inline-block; line-height: 20px; vertical-align: top; margin-top: 0.5em; text-align: center; color: inherit; box-sizing: border-box; padding: 0px;"><img src="images/huya.jpg" style="box-sizing:border-box; color:inherit; margin:0px; padding:0px; vertical-align:top; width:40px">
                          <p class="135brush" data-brushtype="text" placeholder="编辑器" style="box-sizing:border-box; color:inherit; font-size:12px; line-height:30px; margin:0px; padding:0px">编辑器</p>
                        </section>
                        <section style="display: inline-block; margin-top: 1.2em; vertical-align: top; width: 20px; padding-top: 10px; padding-bottom: 10px; color: inherit; box-sizing: border-box;">
                          <section style="border-right-width: 20px; border-left-width: 0px; border-right-style: solid; border-right-color: rgb(213,72,11); border-left-color: rgb(213,72,11); display: inline-block; height: 15px; width: 15px; vertical-align: top; float: left; color: inherit; box-sizing: border-box; padding: 0px; margin: 0px; border-bottom-width: 12px !important; border-top-style: solid !important; border-bottom-style: solid !important; border-top-color: transparent !important; border-bottom-color: transparent !important;"></section>
                        </section>
                        <section class="135brush" style="display: inline-block; width: 65%; margin-top: 0.7em; margin-left: -0.4em; padding: 1em; border-top-left-radius: 1em; border-top-right-radius: 1em; border-bottom-right-radius: 1em; border-bottom-left-radius: 1em; font-size: 1em; /* color: rgb(194, 105, 3); */ background-color: rgb(213,72,11); border-color: rgb(213,72,11); box-sizing: border-box;">
                          <p style="color: inherit; border-color: rgb(254, 228, 198); box-sizing: border-box; padding: 0px; margin: 0px;"><span style="color:rgb(0, 0, 0)">请输入对话</span></p>
                        </section>
                      </section>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','46',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12  tagtpl-107 mix" data-id="32290"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <fieldset style="clear: both; padding: 0px; border: 0px none; margin:5px 0px;">
                        <section style="border-top-width: 2.5px; border-top-style: solid; border-color: rgb(235, 103, 148); font-size: 1em; font-weight: inherit; text-decoration: inherit; color: rgb(255, 255, 255); box-sizing: border-box;">
                          <fieldset style="border: 0px rgb(235, 103, 148); margin: 2px 0px 0px; overflow: hidden; padding: 0px; color: inherit;">
                            <section style="display: inline-block; font-size: 1em; font-family: inherit; font-weight: inherit; text-align: inherit; text-decoration: inherit; color: inherit; border-color: rgb(235, 103, 148); background-color: transparent;">
                              <section class="135brush" data-bcless="darken" data-brushtype="text" style="display: inline-block; line-height: 1.4em; padding: 5px 10px; height: 32px; vertical-align: top; font-size: 16px; font-family: inherit; font-weight: bold; float: left; color: inherit; box-sizing: border-box !important; border-color: rgb(229, 58, 116); background: rgb(235, 103, 148);">请输入标题</section>
                              <section style="display: inline-block; vertical-align: top; font-size: 16px; width: 0px; height: 0px; border-top-width: 32px; border-top-style: solid; border-top-color: rgb(235, 103, 148); border-right-width: 32px; border-right-style: solid; border-right-color: transparent; border-top-right-radius: 4px; border-bottom-left-radius: 2px; box-sizing: border-box !important; color: inherit;"></section>
                            </section>
                          </fieldset>
                        </section>
                      </fieldset>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','32290',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="16"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section class="135brush" style="background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b;border-radius: 4px;margin:10px 0px;padding: 15px;">
                        <p>纯底色文字效果.</p>
                      </section>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','16',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="2"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <h2 class="135brush" data-bcless="darken" placeholder="深色边框标题" style="margin: 10px 0px; padding: 10px; font-size: 16px; line-height: 25px; text-shadow: rgb(34, 95, 135) 0px 1px 0px; color: rgb(202, 251, 215); border-radius: 4px; box-shadow: rgb(153, 153, 153) 2px 2px 4px; border-left-width: 10px; border-left-style: solid; border-color: rgb(10, 137, 43); background-color: rgb(14, 184, 58);">深色边框标题</h2>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','2',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="134"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <fieldset style="clear: both; padding: 0px; border: 0px none; margin: 1em 0px 0.5em;">
                        <section style="border-top-width: 2px; border-top-style: solid; border-color: rgb(142, 201, 101); font-size: 1em; font-weight: inherit; text-decoration: inherit; color: rgb(255, 255, 255); box-sizing: border-box;">
                          <section class="135brush" data-brushtype="text" style="padding: 0px 0.5em; background-color: rgb(142, 201, 101); display: inline-block; font-size: 16px;">编辑器</section>
                        </section>
                      </fieldset>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','134',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="7"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <blockquote style="white-space: normal; margin: 5px 0px 0px; padding: 10px; max-width: 100%; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(0, 176, 80); line-height: 25px; color: rgb(102, 102, 102);">
                        <p class="135brush" placeholder="请输入内容内容。">请输入内容</p>
                      </blockquote>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','7',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="3"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="max-width: 100%; margin: 2px; padding: 0px;">
                        <section style="max-width: 100%;margin-left:1em; line-height: 1.4em;"><span style="font-size:14px"><strong style="color:rgb(62, 62, 62); line-height:32px; white-space:pre-wrap"><span class="135brush" data-brushtype="text" data-mce-style="color: #a5a5a5;" placeholder="关于编辑器" style="background-color:rgb(86, 159, 8); border-radius:5px; color:rgb(255, 255, 255); padding:4px 10px">关于编辑器</span></strong></span></section>
                        <section class="135brush" data-style="color:rgb(89, 89, 89); font-size:14px; line-height:28px" style="font-size: 1em; max-width: 100%; margin-top: -0.7em; padding: 10px 1em; border: 1px solid rgb(192, 200, 209); border-radius: 0.4em; color: rgb(51, 51, 51); background-color: rgb(239, 239, 239);">
                          <p><span placeholder="提供非常好用的微信文章编辑工具。">非常好用的在线图文编辑工具，欢迎将135推荐给您的朋友，将他/她从痛苦的编辑中解脱出来。</span></p>
                          <p>&nbsp;</p>
                          <p style="text-align: center;"><img alt="" src="images/1.jpg"></p>
                        </section>
                      </section>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','3',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="50638"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="width:100%;text-align:center;">
                        <section style="width: 100%; background-color: rgb(255, 255, 255); padding: 0px; border-top-width: 2px; border-top-style: solid; border-top-color: rgb(172, 29, 16); border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgb(172, 29, 16); color: inherit; font-size: 14px; margin: 15px 0px; display: inline-block; ">
                          <section class="135brush" data-style="line-height:24px;color:rgb(89, 89, 89); font-size:20px;" style="padding: 30px; margin: -15px 15px; border-right-width: 2px; border-right-style: solid; border-right-color: rgb(172, 29, 16); border-left-width: 2px; border-left-style: solid; border-left-color: rgb(172, 29, 16); color: inherit; ">
                            <p style="line-height: 24px; text-align: center; color: rgb(172, 29, 16); border-color: rgb(172, 29, 16); "><span style="color:rgb(12, 12, 12); font-size:16px"><strong style="color:inherit">请输入内容</strong></span></p>
                          </section>
                        </section>
                      </section>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','50638',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="53787"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <fieldset style="border:none;margin:0.8em 5% 0.3em;">
                        <section class="135brush" data-brushtype="text" style="color: #FF6450;font-size: 20px;letter-spacing: 3px;padding: 9px 4px 14px 4px;text-align: center;margin: 0 auto;border:4px solid #FF6450;-webkit-border-radius: 8px;border-radius: 8px;">理念<span class="135brush" data-brushtype="text" style="display:block; font-size:10px; line-height:12px">PHILOSOPHY</span></section>
                        <section style="width: 0px; margin-right: auto; margin-left: auto; border-top-width: 0.6em; border-top-style: solid; border-bottom-color: #FF6450; border-top-color:#FF6450; height: 10px; border-left-width: 0.7em !important; border-left-style: solid !important; border-left-color: transparent !important; border-right-width: 0.7em !important; border-right-style: solid !important; border-right-color: transparent !important;"></section>
                      </fieldset>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','53787',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="23"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <blockquote class="135brush" style="orphans: 2; white-space: normal; widows: 2; font-size: 14px; line-height: 22.39px;margin: 10px 0px; padding:15px 20px 15px 45px; outline: 0px; border: 0px currentcolor; color: rgb(62, 62, 62); vertical-align: baseline; background-image: url(images/left_quote.jpg); background-color: rgb(241, 241, 241); background-position: 1% 5px; background-repeat: no-repeat no-repeat;">这里插入分号引用样式的内容。</blockquote>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','23',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="45"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="margin: 0.8em 0 0.5em 0;font-size: 16px;line-height: 32px; font-weight: bold;">
                        <section style="display: inline-block; float: left; width: 32px; height: 32px; border-radius: 32px; vertical-align: top; text-align: center; background-color: rgb(72, 192, 163); border-color: rgb(72, 192, 163);">
                          <section style="display: table; width: 100%; color: inherit; border-color: rgb(72, 192, 163);">
                            <section class="autonum" placeholder="1" style="display: table-cell;text-indent: 0; vertical-align: middle; font-style: normal; color: rgb(255, 255, 255); border-color: rgb(72, 192, 163);" data-original-title="" title="">1</section>
                          </section>
                        </section>
                        <section class="135brush" data-brushtype="text" style="margin-left: 36px; font-style: normal; color: rgb(72, 192, 163); border-color: rgb(72, 192, 163);">请输入标题</section>
                      </section>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','45',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="45865"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="margin: 0.8em 0 0.5em 0;font-size: 16px;line-height: 32px; font-weight: bold;">
                        <section style="display: inline-block; float: left; min-width: 32px; height: 32px; vertical-align: top; text-align: center;  ">
                          <section style="display: table; width: 100%; color: inherit; border-color: rgb(72, 192, 163);">
                            <section style="display: table-cell;text-indent: 0; vertical-align: middle; font-style: normal; color: rgb(255, 255, 255); border-color: rgb(72, 192, 163);"><span class="autonum" style="color:rgb(198,198,199); font-size:50px" data-original-title="" title="">1</span></section>
                            <section style="width: 18px; height: 70px;margin-left: -6px; margin-top:5px;border-left:1px solid rgb(198,198,199);background-color: rgb(254,254,254); box-sizing: border-box;-webkit-transform: rotate(35deg);transform: rotate(35deg);"></section>
                          </section>
                        </section>
                        <section style="margin-left: 40px;padding-top:18px; font-style:normal;font-size:30px; color: #737373; border-color: rgb(72, 192, 163);"><span class="135brush" data-brushtype="text" style="color:#737373; font-size:20px">请输入标题</span></section>
                      </section>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','45865',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="4017"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <fieldset style="margin: 0.5em 0px; padding: 0px; max-width: 100%; box-sizing: border-box; color: rgb(62, 62, 62); font-size: medium; line-height: 25px; white-space: normal; border: none rgb(255, 175, 205); word-wrap: break-word !important; text-align: right;">
                        <section style="margin: 0px; padding: 1.5em 0px; max-width: 100%; box-sizing: border-box; width: 12.5em; height: 9.3em;  text-align: center; color: rgb(175, 0, 66); word-wrap: break-word !important; background-image: url(images/6.png); background-color: rgb(255, 175, 205); background-size: cover;display:inline-block">
                          <section data-width="160px" style="margin: 0px 0px 0px 20px; padding: 0px; max-width: 100%; box-sizing: border-box; width: 160px; overflow: hidden; -webkit-transform: rotate(-13deg); font-size: 22px;  font-weight: inherit; text-decoration: inherit; color: rgb(255, 255, 255); word-wrap: break-word !important;">
                            <section class="135brush" data-brushtype="text" style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; word-wrap: break-word !important;">肆意</section>
                          </section>
                          <section data-width="150px" style="margin: 10px 20px; padding: 0px; max-width: 100%; box-sizing: border-box; width: 150px; overflow: hidden; -webkit-transform: rotate(-15deg);  font-weight: inherit; text-decoration: inherit; color: rgb(255, 255, 255); word-wrap: break-word !important;">
                            <section class="135brush" data-brushtype="text" style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; word-wrap: break-word !important;">
                              <p>青春，背景色你的地盘你做主</p>
                            </section>
                          </section>
                        </section>
                      </fieldset>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','4017',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-107-brush tagtpl-107tagtpl-151-brush tagtpl-151 mix" data-id="131"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="margin: 0.3em 0px; padding-bottom: 1.5em; font-size: 14px; font-weight: bold; text-align: center; text-decoration: inherit; box-sizing: border-box;"><img src="images/head.jpg" style="border-radius:50%; color:inherit; height:112px !important; margin-right:10px; vertical-align:middle; width:112px">
                        <section style="border-left-width: 1px; border-left-style: solid; border-color: rgb(211,172,156); padding-left: 1em; text-align: left; display: inline-block; height: 6em; vertical-align: top;color: rgb(211,172,156); margin-top: 1em;">
                          <h2 class="135brush" data-brushtype="text" style="width: 100%; overflow: hidden; height: 50%; font-size: 1.5em; margin-top: -0.15em; border-color: rgb(211,172,156); color: inherit;margin-bottom:0.5em;">计划</h2>
                          <section class="135brush" data-style="font-size: 16px;" style="font-size: 16px; border-color: rgb(211,172,156); color: inherit;">
                            <p>=Planning=</p>
                          </section>
                        </section>
                      </section>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','131',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-151-brush tagtpl-151 mix" data-id="2392"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <fieldset style="border: none; margin: 0.8em 0px 0.3em; box-sizing: border-box; padding: 0px;">
                        <section style="line-height: 0; box-sizing: border-box;"><img src="images/7.jpg" style="border:0px; box-sizing:border-box; display:inline-block; height:auto !important; width:100%"></section>
                        <section data-width="30%" style="width: 30%; display: inline-block; float: left; text-align: right; margin: 15px 0px 0px; padding: 0px; box-sizing: border-box;">
                          <section style="float: right; text-align: center; margin-top: -15px; box-sizing: border-box;">
                            <section style="width: 1px; height: 1.2em; margin-left: 13px; background-color: rgb(102, 102, 102); box-sizing: border-box;"></section>
                            <section style="width: 2em; height: 2em; border: 1px solid rgb(102, 102, 102); border-radius: 50%; line-height: 2em; font-size: 1em;font-weight: inherit; text-decoration: inherit; box-sizing: border-box;">
                              <section class="135brush" data-brushtype="text" style="box-sizing: border-box;">简</section>
                            </section>
                            <section style="width: 2em; height: 2em; border: 1px solid rgb(102, 102, 102); margin-top: 2px; border-radius: 50%; line-height: 2em; font-size: 1em;  font-weight: inherit; text-decoration: inherit; box-sizing: border-box;">
                              <section class="135brush" data-brushtype="text" style="box-sizing: border-box;">单</section>
                            </section>
                          </section>
                        </section>
                        <section data-width="65%" style="width: 65%; float: left; margin-top: 20px; line-height: 1.5em; padding-left:20px; font-size: 1em;  font-weight: inherit; text-decoration: inherit; color: rgb(39, 44, 51); box-sizing: border-box;">
                          <section style="box-sizing: border-box;">
                            <section class="135brush" data-brushtype="text" style="box-sizing:border-box; font-size:175%;margin:5px 0px">Cafe</section>
                            <section class="135brush" data-brushtype="text" style="box-sizing: border-box;font-size:16px">伟提尼亚记忆</section>
                          </section>
                        </section>
                      </fieldset>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','2392',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="4012"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <fieldset style="margin: 0.5em 0px; padding: 0px; max-width: 100%; box-sizing: border-box; color: rgb(62, 62, 62); line-height: 25px; white-space: normal; border: 0px rgb(238, 222, 176); word-wrap: break-word !important;">
                        <section style="margin: 0px; padding: 0px; width: 100%; box-sizing: border-box;display: inline-block; text-align: center; word-wrap: break-word !important;"><img src="images/3.png" style="box-sizing:border-box; color:inherit; height:65px; margin:0px auto; padding:0px; visibility:visible !important; width:60px; word-wrap:break-word !important"></section>
                        <section style="margin: -2.3em 0px 0px; padding: 2em 0px 0px; max-width: 100%; box-sizing: border-box; min-height: 15em; font-size: 1em;  font-weight: inherit; text-decoration: inherit; color: rgb(131, 104, 28); border-color: rgb(238, 222, 176); word-wrap: break-word !important; background-image: url(images/4.png); background-color: rgb(238, 222, 176); background-repeat: repeat;">
                          <section style="margin: 0.3em auto; padding: 0.5em; max-width: 100%; box-sizing: border-box; width: 7em; height: 3.5em; line-height: 2em; overflow: hidden; -webkit-transform: rotate(-5deg); font-size: 32px;  font-weight: inherit; text-align: center; text-decoration: inherit; color: inherit; word-wrap: break-word !important; background-image: url(images/5.png); background-repeat: no-repeat;background-size: contain;">
                            <section style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; word-wrap: break-word !important;"><span class="135brush" data-brushtype="text" style="box-sizing:border-box; color:inherit; margin:0px; max-width:100%; padding:0px; word-wrap:break-word !important">公告</span></section>
                          </section>
                          <section style="margin: 0px; padding: 1em; max-width: 100%; box-sizing: border-box; word-wrap: break-word !important;">
                            <section class="135brush" style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; word-wrap: break-word !important; color: inherit;">
                              <p>本背景可以换色哦~</p>
                            </section>
                          </section>
                        </section>
                      </fieldset>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','4012',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="1873"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="max-width: 100%; color: rgb(62, 62, 62); margin: 0px; border-radius: 2em; height: 2.5em;line-height: 2.5em; color: rgb(255, 255, 255);  font-size:14px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(189, 221, 34);"><img src="images/8.png" style="border:0px rgb(189, 221, 34); box-sizing:border-box !important; float:left; height:auto !important; margin:3px 10px; vertical-align:top; visibility:visible !important; width:auto !important; word-wrap:break-word !important">
                        <p class="135brush" data-brushtype="text" style="max-width: 100%; color: inherit; display: inline-block; font-size:16px; ">关注一下又不会怀孕！</p>
                      </section>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','1873',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="27"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="border-color:transparent transparent rgb(0, 112, 192); border-style:solid; border-width:12px; float:none; font-size:medium; height:0px; margin:-12px auto 0px 90px; orphans:2; text-align:-webkit-auto;width:0px"></section>
                      <p class="135brush" data-brushtype="text" style="margin-top: -1px; margin-bottom: 0px;orphans: 2; widows: 2; min-height: 30px; visibility: visible; height: 30px; line-height: 30px; color: rgb(255, 255, 255); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; box-shadow: rgba(0, 0, 0, 0.14902) 1px 1px 3px; font-size: 15px; text-align: center; background-color: rgb(0, 112, 192);font-size:14px; font-weight:bold">点击标题下「蓝色微信名」可快速关注</p>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','27',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="59692"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="-webkit-box-reflect:below 0px -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), color-stop(0.2, transparent), to(rgba(250, 250, 250, 0.3))); margin-top:15px;line-height:20px;">
                        <p style="display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; text-align: center;  "><span style="font-family:微软雅黑; font-size:30px"><strong class="135brush" data-brushtype="text" style="font-size:30px">文字倒影效果样式</strong></span></p>
                      </section>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','59692',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12  tagtpl-107 mix" data-id="29514"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <fieldset style="margin: 0.5em 0px 0px; padding: 0px; max-width: 100%; box-sizing: border-box; min-width: 0px; color: rgb(62, 62, 62); font-size: 15px; line-height: 24px; border: none; word-wrap: break-word !important; ">
                        <section>
                          <section style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; display: inline-block; vertical-align: top; height: 1.8em; width: 1.8em; border-radius: 50%; border: 3px solid rgb(142, 201, 101); font-size: 1.6em; font-family: inherit; font-weight: inherit; text-align: center; text-decoration: inherit; color: rgb(142, 201, 101); word-wrap: break-word !important;background: #FeFeFe;">
                            <section class="autonum" style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; line-height: 1.6em; word-wrap: break-word !important;" data-original-title="" title="">1</section>
                          </section>
                        </section>
                        <section style="margin: -1.56em 0px 1em 0.5em; padding: 0px;float: left; border-radius: 1em; font-size: 1.2em; font-family: inherit; font-weight: inherit; text-decoration: inherit; color: rgb(255, 255, 255); border-color: rgb(142, 201, 101); word-wrap: break-word !important; background-color: rgb(142, 201, 101);z-index: -1;"><span class="135brush" data-brushtype="text" style="box-sizing:border-box; display:inline-block; float:left; font-family:inherit; line-height:1.6em; margin:0px 5px; max-width:100%; padding:0px 10px 0px 2em; vertical-align:top; word-wrap:break-word !important">编辑器</span></section>
                      </fieldset>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','29514',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="25"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="font-size: 1em; white-space: normal; margin: 1em 0px 0.8em; text-align: center; vertical-align: middle;">
                        <section style="height: 0px; margin: 0px 1em; border: 1.5em solid rgb(255, 202, 0); border-left-color: transparent !important;border-right-color: transparent !important;"></section>
                        <section style="height: 0px; margin: -2.75em 1.65em; border-width: 1.3em; border-style: solid; border-color: rgb(255, 255, 255) transparent;"></section>
                        <section style="height: 0px; margin: 0.45em 2.1em; vertical-align: middle; border:1.1em solid rgb(255, 202, 0); border-left-color: transparent !important;  border-right-color: transparent !important;">
                          <section class="135brush" data-brushtype="text" placeholder="一行短标题" style="max-height: 1em; padding: 0px; margin-top: -0.5em; color: rgb(255, 255, 255); font-size: 1.2em; line-height: 1em; overflow: hidden;">一行短标题</section>
                        </section>
                      </section>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','25',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="132"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <fieldset style="border: 0px; text-align: center; box-sizing: border-box; padding: 0px;">
                        <section style="display: inline-block; box-sizing: border-box; color: inherit;">
                          <section class="135brush" data-brushtype="text" style="margin: 0.2em 0px 0px; padding: 0px 0.5em 5px; max-width: 100%; color: rgb(107, 77, 64); font-size: 1.8em; line-height: 1; border-bottom-width: 1px; border-bottom-style: solid; border-color: rgb(107, 77, 64);">编辑器</section>
                          <section class="135brush" data-brushtype="text" style="margin: 5px 1em; font-size: 1em; line-height: 1; color: rgb(107, 77, 64); box-sizing: border-box; border-color: rgb(107, 77, 64);">做最易用的编辑器</section>
                        </section>
                      </fieldset>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','132',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="2178"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section data-bcless="true" style="font-size:20px; background: rgb(223, 240, 203);border:0 none;padding:0 0;margin:0 0;"><span class="135brush" data-brushtype="text" style="background:rgb(255, 255, 255); color:rgb(150, 206, 84); display:inline-block; padding:0px 15px 0px 0px">编辑器</span><span style="background:#fff; color:#FFF; display:inline-block; margin-left:5px">-</span><span style="background:#fff; color:#FFF; display:inline-block; margin-left:5px">-</span><span style="background:#fff; color:#FFF; display:inline-block; margin-left:5px">-</span></section>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','2178',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="49"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <p class="135brush" placeholder="请输入标题" style="max-width: 100%; word-wrap: normal; min-height: 1em; white-space: pre-wrap;line-height: 25px;font-size:20px;box-sizing:border-box !important;text-shadow:rgb(0, 187, 236) 1px 0px 4px, rgb(0, 187, 236) 0px 1px 4px, rgb(0, 187, 236) 0px -1px 4px, rgb(0, 187, 236) -1px 0px 4px; word-wrap:break-word !important;color:rgb(255, 255, 255);font-weight:bold;">请输入标题</p>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','49',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-111-brush tagtpl-111 mix" data-id="141"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section class="135brush" placeholder="上下渐变格式内容" style="padding: 8px 30px; font-weight: bold; max-width: 100%; min-height: 1.5em; white-space: pre-wrap; line-height: 2em; color: rgb(116, 185, 11); border-color: rgb(229, 243, 208); background-image: -webkit-linear-gradient(top, rgb(230, 249, 202), rgb(207, 233, 167)); background-color: rgb(255, 255, 220);">
                        <p>上下渐变格式内容</p>
                      </section>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','141',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="10"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="margin-top: 10px; margin-bottom: 10px; display: inline-block; border-radius: 5px; background-color: rgb(86, 159, 8);">
                        <p style="padding:5px 10px;"><span style="color:rgb(255, 255, 255); font-size:18px"><strong class="135brush" data-brushtype="text">请输入标题</strong></span></p>
                      </section>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','10',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-111-brush tagtpl-111 mix" data-id="52"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <blockquote style="white-space: normal; margin: 0px; padding: 12px 15px; border: 0px solid rgb(208, 218, 254); color: rgb(0, 45, 207); min-height: 1em; text-align: justify; background-image: -webkit-linear-gradient(left, rgb(207, 217, 255), rgb(158, 179, 253), rgb(207, 217, 255)); background-color: rgb(255, 255, 240);">
                        <section class="135brush" style="border-color: rgb(208, 218, 254); color: inherit;">
                          <p style="border-color: rgb(208, 218, 254); color: inherit;">渐变背景内容</p>
                        </section>
                      </blockquote>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','52',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="9"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <p class="135brush" data-brushtype="text" placeholder="请输入标题" style="max-width: 100%; line-height: 24px;font-weight:bold; background-color: rgb(244, 156, 4); color: rgb(255, 255, 255); border-radius: 45%; text-align: center; margin:10px 0px;padding: 10px 15px;">请输入标题</p>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','9',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="1"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <h2 class="135brush" placeholder="请输入标题" style="border-left:5px solid #666765;font-size: 16px;font-weight:bold; line-height: 32px;color:#666;padding: 5px 10px; margin: 10px 0px;">请输入标题</h2>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','1',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-151-brush tagtpl-151 mix" data-id="7237"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="margin: 3px;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);"><img src="images/9.jpg" style="width:100%">
                        <section class="135brush" data-type="main">
                          <p style="line-height: 1.35em; margin-top: 10px; overflow: hidden; padding: 0px 16px; word-wrap: break-word;"><span style="line-height:1.35em">135原创，图文样式排版。</span></p>
                          <p style="line-height: 1.35em; margin-top: 10px; overflow: hidden; padding: 0px 16px; word-wrap: break-word;">底下为作者信息</p>
                        </section>
                        <section style="background: none repeat scroll 0 0 #fafafa;border-top: 1px solid #f2f2f2;color: #999;padding: 16px; 15px;"><img src="images/touxiang.jpg" style="float:left; height:34px; margin-right:10px; width:34px">
                          <section class="135brush" data-style="clear: none;line-height:17px;padding:0 0;font-size:12px;">
                            <p style="clear: none;font-size:12px;line-height:17px;padding:0 0;margin:0 0;"><strong>简单易用的才是最好的</strong></p>
                            <p style="clear: none;font-size:12px;line-height:17px;padding:0 0;margin:0 0;">编辑器</p>
                          </section>
                        </section>
                      </section>
                      <p><br>
                      </p>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','7237',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="704"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <section style="margin: 10px 0px; border-radius: 4px; padding: 50px 0px; color: rgb(255, 255, 255); text-align: center; border-color: rgb(255, 129, 36); background-color: rgb(255, 129, 36);"><span class="135brush" data-brushtype="text" style="border-radius:4px; border:1px solid rgb(251, 251, 251); color:inherit; font-size:18px; line-height:42px; padding:10px 15px">编辑器</span>
                        <section class="135brush" style="margin-top: 30px; color: inherit;">
                          <p style="color: inherit;">秒刷，最易用的图文排版工具</p>
                          <p style="color: inherit;"><span style="background-color:rgb(255, 129, 36); color:rgb(255, 255, 255); font-family:微软雅黑; font-size:14px; line-height:22.3999996185303px; text-align:center">#</span></p>
                        </section>
                      </section>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','704',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="3238"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <fieldset style="border: 0px rgb(255, 129, 36); margin: 2em 1em 1em; padding: 0px;">
                        <section style="line-height: 1.4; text-align: left; margin-right: 10px; color: inherit;">
                          <fieldset style="border: 28px solid rgb(255, 129, 36); border-image-source: url(images/huakuang.png); border-image-slice: 28; margin-top: 1em; font-size: 16px; text-decoration: none; color: rgb(255, 129, 36); line-height: 1.4; text-align: left;">
                            <p class="135brush"><span style="color:rgb(76, 76, 76); font-size:14px">从别的地方粘贴到135的内容，请将格式全部清除，否则容易出现样式无法调整或者错乱的情况</span></p>
                          </fieldset>
                        </section>
                      </fieldset>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','3238',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-107-brush tagtpl-107 mix" data-id="7308"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <h2 class="135brush" data-brushtype="text" style="padding-bottom: 9px;border-bottom: 1px solid #eee;argin-top: 20px;margin-bottom: 10px;font-weight: 500;line-height: 1.1;font-size: 22px;">极简标题</h2>
                    </fieldset>
                    <div class="origin" style="background:#ed603a;">原创</div>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','7308',this);">  </a> </div>
                  </li>
                  <li class="recomment-style  col-xs-12 brushtagtpl-109-brush tagtpl-109 mix" data-id="42"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <blockquote style="max-width: 100%; margin: 0px; padding: 5px 15px; color: rgb(160, 160, 162); line-height: 25px; font-weight: bold; text-align: left; border-radius: 5px 5px 0px 0px; border: 0px; background-color: rgb(33, 33, 34);"><span class="135brush" data-brushtype="text" style="color:rgb(255, 255, 255)">这输入标题</span></blockquote>
                      <blockquote class="135brush" data-style="font-size:14px" style="max-width: 100%; margin: 0px; padding: 10px 15px 20px; border-radius: 0px 0px 5px 5px; border: 1px solid rgb(33, 33, 34); line-height: 25px;">
                        <p style="color: inherit;">可在这输入内容，编辑器，做微信图文美化最方便的编辑器。</p>
                      </blockquote>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','42',this);">  </a> </div>
                  </li>
                  <li class="recomment-style itembg2 col-xs-12 brushtagtpl-111-brush tagtpl-111 mix" data-id="3052"  style="display: block;">
                    <fieldset class="135editor" style="border:0 none;">
                      <blockquote class="135bg" style="max-width: 100%; padding: 5px 15px; border: none rgb(255, 129, 36);word-wrap: break-word !important; box-sizing: border-box !important;background-size: cover; background-image: url(images/lanbg.gif);">
                        <section class="135brush" style="color:#ffffff">
                          <p style="text-align: center; color: inherit;"><br>
                          </p>
                          <p style="margin-top: 0px; margin-bottom: 0px; max-width: 100%; word-wrap: normal; min-height: 1em; white-space: pre-wrap; line-height: 1.75em; text-align: center; box-sizing: border-box !important;"><span style="font-size:18px"><strong>雪花动态背景样式，请输入文字</strong></span></p>
                        </section>
                      </blockquote>
                    </fieldset>
                    <div style="position:absolute;bottom:0px;right:0px;width:150px;text-align:right;"> <a class="btn btn-xs" style="color:rgb(255, 129, 36);font-size:20px;" href="javascript:;" data-url="/favorites/add" onclick="return addtofavor('EditorStyle','3052',this);">  </a> </div>
                  </li>
                </ul>
              </div>
			  
            </div>
            <div class="tab-pane" id="editor-tpls" style="padding:0px 0px;position:relative;">
              <ul id="editor-tpls-navtab" class="nav nav-tabs" style="border:0 none;">
                <li class="ignore" id="personal-tpl-list-li"><a href="#personal-tpl-list-1" role="tab" data-toggle="tab">个人模板</a></li>
                <li class="ignore" id="favorite-tpl-list-li"><a href="#favorite-tpl-list-1" role="tab" data-toggle="tab">收藏模板</a></li>
                <li class="ignore"> <a href="#recommend-tpl-list-1" role="tab" data-toggle="tab">系统推荐</a> </li>
              </ul>
              <div class="tab-content" style="padding:0 10px;overflow-x:hidden;" id="editor-tpls-list"></div>
            </div>
            <style>
.article-msg{
	border-bottom: 1px solid #FFf;
	padding: 10px 0;
	cursor:pointer;position:relative;
	line-height:1.8em;
}
.article-msg .title{font-size:16px;font-weight:bold;}
.article-msg .opr-edit{display:none;}
.article-msg .cover{float:right;margin-left:15px;}
.article-msg img{width:90px;height:90px;}
.article-msg .summary{clear:none;}
.article-msg  p {min-height:0;clear:none;}
#editor-msg-list .col-md-4{width:100%;}
#editor-msg-list .col-xs-6 {width:auto;}
#editor-msg-list .delete-pop{padding-left:0px;}
</style>
            <div id="editor-my-msgs" class="tab-pane" style="padding: 0 10px 10px;position: relative;">
              <div class="alert alert-warning m0">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button>
              </div>
              <div id="editor-msg-list" class="nodel" style="padding-top:62px;"> </div>
            </div>
          </div>
        </div>
      </div>
      <div class="w3 fl">
        <div class="editor1 fl"> </div>
        <div class="editor2 p-r fl" style="height: 60px;"><!--editor2 start--> 
         
          <form action="" class="form-horizontal editorBox" role="form" target="_blank" id="WxMsgViewForm" method="post" accept-charset="utf-8">
            <script type="text/plain" id="WxMsgContent" name="WxMsgContent"></script>
			
            <input type="hidden" name="template_id" id="template_id">
            <input type="hidden" name="template_name" id="template_name">
            <input type="hidden" name="msg_id">
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
              <div class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                    <h4 class="modal-title">保存模板</h4>
                  </div>
                  <div class="modal-body">
                    <p>
                      <input type="text" placeholder="请输入模板名称后点击保存" name="template_name" id="dialog-template-name" class="form-control">
                    </p>
                    <p>
                      <label>
                        <input type="checkbox" name="push_tpl_center" value="1">
                        发布到模板中心(不勾选时存为私人模板)</label>
                      <a href="/audit-rules.html" target="_blank">审核规则</a> </p>
                    <p>
                      <label id="auto_cover_tpl" class="hidden">
                        <input type="checkbox" name="auto_cover_tpl" value="1">
                        覆盖原有模板</label>
                    </p>
                    <p>付费素材管理功能，保存更多图文消息，方便快捷。 <a target="_blank" href="#">立即付费</a></p>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" id="dialog-save-template" class="btn btn-primary">保存</button>
                  </div>
                </div>
                 
              </div>
               
            </div>
            
            
            <div class="editorslide">
              <ul>
                <li>
                  <button type="button" id="save-as-template" class="btn btn-default btn-xs" data-toggle="tooltip" data-placement="right" title="" data-original-title="存为模板"><i class="fa fa-save"></i> 保存</button>
                </li>
                <li><a href="javascript:;" id="clear-editor" class="btn btn-default btn-xs" data-toggle="tooltip" data-placement="right" title="" data-original-title="清空内容"><i class="fa fa-trash"></i> 清空</a></li>
                <li><a href="javascript:;" id="preview-editor" class="btn btn-default btn-xs" data-toggle="tooltip" data-placement="right" title="" data-original-title="预览图文"><i class="fa fa-search"></i> 预览</a></li>
                
              </ul>
            </div>
            <textarea name="content" id="ueditor_textarea_content" style="display: none;"></textarea>
          </form>
        </div>
        <!--editor2 end--> 
      </div>
    </div>
  </div>
  <!--box end--> 
</div>
<style>
#right-fix-tab{
	width:32px;position:absolute;right:0px;
}
#right-fix-tab li{width:32px;background:rgba(58,51,50,0.8);border:0 none;color:#FFF;width:32px;font-size:16px;}

#color-plan .nav-tabs > li > a{padding:5px;color: #efefef;border: 0 none;}
#color-plan .nav-tabs > li > a:hover{background:transparent;color:#FFF;}
#color-plan .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background-color: #000;color: #FFF;border: 0 none;}

#more-popover-content .btn-xs{font-size:12px;padding:5px 2px;width:54px; margin:0px 0 8px;border: 0 none;background: transparent;color: #FFF;border: 1px solid #FFF;}
#more-popover-content .btn-xs:nth-child(8n+1),#more-popover-content .btn-xs:nth-child(8n+2){ border-color:rgb(213,149,69);color:rgb(213,149,69);}
#more-popover-content .btn-xs:nth-child(8n+1):hover,#more-popover-content .btn-xs:nth-child(8n+2):hover{ background-color:rgb(213,149,69);color:#FFF;}

#more-popover-content .btn-xs:nth-child(8n+3),#more-popover-content .btn-xs:nth-child(8n+4){ border-color:rgb(234,100,71);color:rgb(234,100,71);}
#more-popover-content .btn-xs:nth-child(8n+3):hover,#more-popover-content .btn-xs:nth-child(8n+4):hover{ background-color:rgb(234,100,71);color:#FFF;}

#more-popover-content .btn-xs:nth-child(8n+5),#more-popover-content .btn-xs:nth-child(8n+6){ border-color:rgb(71,151,201);color:rgb(71,151,201);}
#more-popover-content .btn-xs:nth-child(8n+5):hover,#more-popover-content .btn-xs:nth-child(8n+6):hover{ background-color:rgb(71,151,201);color:#FFF;}

#more-popover-content .btn-xs:nth-child(8n+7),#more-popover-content .btn-xs:nth-child(8n+8){ border-color:rgb(137,154,80);color:rgb(137,154,80);}
#more-popover-content .btn-xs:nth-child(8n+7):hover,#more-popover-content .btn-xs:nth-child(8n+8):hover{ background-color:rgb(137,154,80);color:#FFF;}
</style>
<section id="color-plan" style="width:120px;position:fixed;top:70px;right:-5px;height:320px;text-align: center;">
  <div class="panel panel-primary" style="border:0 none;background: transparent;">
    <ul class="nav nav-tabs" role="tablist" id="right-fix-tab">
      <li role="presentation" class="active"><a href="#color-choosen" aria-controls="home" role="tab" data-toggle="tab">配色方案</a></li>
      <li role="presentation"><a href="#features" aria-controls="features" role="tab" data-toggle="tab">特色功能</a></li>
    </ul>
    <div class="tab-content" style="position:absolute;right:32px;padding: 15px 0px !important;width:120px;padding:0;background:rgba(58,51,50,0.5);">
      <div id="features" role="tabpanel" class="tab-pane" style="text-align: left;padding-left:5px;"> <small id="more-popover-content" style="font-size:12px;">
        <button class="btn btn-default btn-xs" id="set-image-radius"> 图片圆形 </button>
        <button class="btn btn-default btn-xs" id="set-image-border"> 图片边框 </button>
        <button class="btn btn-default btn-xs" id="flat-strip-radius"> 去圆角</button>
        <button class="btn btn-default btn-xs" id="flat-add-radius"> 加圆角</button>
        <button class="btn btn-default btn-xs" id="flat-strip-border"> 去边框</button>
        <!--  <button class="btn btn-default btn-xs" id="flat-add-border"> 加边框</button>  -->
        <button class="btn btn-default btn-xs" id="flat-strip-shadow"> 去阴影 </button>
        <button class="btn btn-default btn-xs" id="flat-add-shadow"> 加阴影 </button>
        <button class="btn btn-default btn-xs" id="135-random-color"> 随机换色 </button>
        <button class="btn btn-default btn-xs" id="135-random-transform"> 随机倾斜 </button>
        </small> </div>
      <div role="tabpanel" class="tab-pane active" id="color-choosen">
        <div style="margin:5px 15px;color:#FFF;line-height:32px;text-align: center;position:relative;">
          <input id="custom-color-text" class="colorPicker form-control" style="font-size: 12px; width: 90px; color: rgb(34, 34, 34); padding: 4px 8px 4px 20px; height: 24px; line-height: 16px; background-color: rgb(239, 112, 96);" value="#EF7060">
          <i id="btn-favor-color" title="" data-toggle="tooltip" data-container="body" data-placement="left" style="position:absolute;left:5px;color:#FFF;cursor:pointer;top:5px;" class="fa fa-heart-o" data-original-title="点击收藏颜色，最多收藏20个颜色，大于20个时最早收藏的会自动被删除，不可恢复。"></i> </div>
        <div style="margin:0 0;color:#dad9d8;line-height:32px;text-align: center;">
          <label style="cursor:pointer;">
            <input style="margin-top:8px;" type="checkbox" id="replace-color-all" value="1">
            全文换色</label>
        </div>
        <ul id="favor-colors" class="clearfix" style="list-style:none;padding:0 10px 0px;margin:0 0;">
        </ul>
        <hr style="margin:2px 20px;border-color:#ddd;">
        <ul class="clearfix" style="list-style:none;padding:0 10px 10px;margin:0 0;">
          <li class="color-swatch" style="background-color: #ac1d10"></li>
          <li class="color-swatch" style="background-color: #d82821;"></li>
          <li class="color-swatch default-color" style="background-color: #ef7060;"></li>
          <li class="color-swatch" style="background-color: #fde2d8;"></li>
          <li class="color-swatch" style="background-color: #d32a63;"></li>
          <li class="color-swatch" style="background-color: #eb6794;"></li>
          <li class="color-swatch" style="background-color: #f5bdd1;"></li>
          <li class="color-swatch" style="background-color: #ffebf0;"></li>
          <li class="color-swatch" style="clear:left;background-color: #e2561b;"></li>
          <li class="color-swatch" style="background-color: #ff8124;"></li>
          <li class="color-swatch" style="background-color: #fcb42b;"></li>
          <li class="color-swatch" style="background-color: #feecaf;"></li>
          <li class="color-swatch" style="clear:left;background-color: #0c8918;"></li>
          <li class="color-swatch" style="background-color: #80b135;"></li>
          <li class="color-swatch" style="background-color:#c2c92a;"></li>
          <li class="color-swatch" style="background-color:#e5f3d0;"></li>
          
         
          
          <li class="color-swatch" style="clear:left;background-color:#374aae;"></li>
          <li class="color-swatch" style="background-color:#1e9be8;"></li>
          <li class="color-swatch" style="background-color:#59c3f9;"></li>
          <li class="color-swatch" style="background-color:#b6e4fd;"></li>
          <li class="color-swatch" style="clear:left;background-color:#5b39b4;"></li>
          <li class="color-swatch" style="background-color: #4c6ff3;"></li>
          <li class="color-swatch" style="background-color:#91a8fc;"></li>
          <li class="color-swatch" style="background-color:#d0dafe;"></li>
          
          <!-- 紫色 -->
          <li class="color-swatch" style="clear:left;background-color:#8d4bbb;"></li>
          <li class="color-swatch" style="background-color: rgb(166, 91, 203);"></li>
          <li class="color-swatch" style="background-color:#cca4e3;"></li>
          <li class="color-swatch" style="background-color: rgb(190, 119, 99);"></li>
          <li class="color-swatch" data-color="#efefef" style="clear:left;background-color:#3c2822;"></li>
          <li class="color-swatch" style="background-color:#6b4d40;"></li>
          <li class="color-swatch" style="background-color:#9f887f;"></li>
          <li class="color-swatch" style="background-color:#d7ccc8;"></li>
          <li class="color-swatch" style="background-color: #212122;"></li>
          <li class="color-swatch" style="background-color: #757576;"></li>
          <li class="color-swatch" style="background-color: #c6c6c7"></li>
          <li class="color-swatch" style="background-color: #f5f5f4"></li>
        </ul>
      </div>
    </div>
  </div>
</section>
<div class="modal fade" id="preview-msg" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" style="width:360px;margin-top:20px;">
    <div class="modal-content">
      <div class="modal-header" style="border:0 none">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
        <h4 class="modal-title">图文预览</h4>
      </div>
      <div class="modal-body" id="preview-msg-content" style="overflow: hidden;padding: 0;margin: 10px;"> </div>
      <div class="modal-footer text-right">
        <p style="color:red;text-align:center;margin-bottom:10px;font-size: 12px;">此处预览请作为参考，最终效果已手机为准</p>
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="paragraph-setting" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" style="width:600px;margin-top:20px;">
    <div class="modal-content">
      <div class="modal-header" style="border:0 none">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
        <h4 class="modal-title">段落设置</h4>
      </div>
      <div class="modal-body" style="overflow: hidden;padding: 0;margin: 10px;">
        <form class="form-horizontal">
          <div>
            <div class="col-xs-6">
              <div class="form-group">
                <label class="col-sm-5 control-label">行高</label>
                <div class="col-sm-7 controls">
                  <input class="form-control" value="1.5em" id="paragraph-lineHeight" type="text">
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-5 control-label">字体</label>
                <div class="col-sm-7 controls">
                  <select class="form-control" id="paragraph-fontFamily">
                    <option value="微软雅黑">微软雅黑</option>
                    <option value="宋体">宋体</option>
                    <option value="楷体">楷体</option>
                    <option value="黑体">黑体</option>
                    <option value="隶书,SimLi">隶书</option>
                    <option value="arial">arial</option>
                    <option value="sans-serif">sans-serif</option>
                  </select>
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-5 control-label">字号</label>
                <div class="col-sm-7 controls">
                  <input class="form-control" placeholder="字号" value="14px" id="paragraph-fontSize" type="text">
                </div>
              </div>
            </div>
            <div class="col-xs-6">
              <div class="form-group">
                <label class="col-sm-5 control-label">首行缩进</label>
                <div class="col-sm-7 controls">
                  <input class="form-control" id="paragraph-textIndent" value="2em" type="text">
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-5 control-label">段前距</label>
                <div class="col-sm-7 controls">
                  <input class="form-control" id="paragraph-paddingTop" value="5px" type="text">
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-5 control-label">段后距</label>
                <div class="col-sm-7 controls">
                  <input class="form-control" id="paragraph-paddingBottom" value="5px" type="text">
                </div>
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer text-right">
        <button type="button" onclick="applyParagraph('active');" class="btn btn-primary" data-dismiss="modal">应用到本样式</button>
        <button type="button" onclick="applyParagraph('all');" class="btn btn-warning" data-dismiss="modal">应用到全文</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript" src="js/ueditor.config2.js"></script>
<script src="js/ueditor.all.min.js"></script> 
<script src="js/6a071833a5.js" type="text/javascript"></script> 
<!-- <script src="js/jquery.Jcrop.js"></script> -->
<!-- <link rel="stylesheet" href="css/jquery.Jcrop.css" type="text/css"> -->
<script>
$.browser = {};
$.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());
$.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());
$.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());
$.browser.msie = /msie/.test(navigator.userAgent.toLowerCase()) || /trident/.test(navigator.userAgent.toLowerCase()) ;

if( $.browser.msie ) {
	alert("请使用谷歌浏览器,火狐,或者使用360/搜狗/猎豹等浏览器的极速模式操作");
}

/*rs_callbacks.loginSucess = function(request){
	if(request.success){
		publishController.close_dialog();
		$('#login_errorinfo').hide();
		if(sso.form){
			$(sso.form).trigger("submit");
			sso.form=null;
		}
		if(sso.callback){
			sso.callback.apply(sso.callback,sso.callback_args);
		}
		
		reloadStyleOperate();
		
		$('#login-menus').removeClass('hidden');
		$('#login-links').remove();
		$('#login-user-name').html(request.userinfo.username);
			
		if(request.userinfo && request.userinfo.session_flash){
			request.success += request.userinfo.session_flash;
		}

	}
	else{
		//$('#login_errorinfo').addClass('alert alert-danger').show().html(request.error);
	};
}*/


/*function reloadStyleOperate(){

	$('#style-operate-area').append('<div style="position:absolute; background: rgba(255,255,255,0.95);width: 100%;line-height: 65px;text-align: center" title="若自动刷新失败，请按“F5”手动刷新"><img src="'+ BASEURL +'/img/ajax/circle_ball.gif"> 正在加载最新数据...</div>').load('/beautify_editor #style-operate-area',function(){
		$('.editor-template-list > li').addClass('mix');
		$('.editor-template-list').mixItUp({
	    	layout:{display:'block'},
	    	callbacks:{}
	    });
		
		//$('#left-side-affix').width($('#left-sidebar').width());
		$('.popover-trigger').popover({trigger:"hover"});
		$('#btn-help').popover();
		$('#editor-type-pop').popover({
		  trigger: 'hover'
		});
		$(window).trigger('resize');
	});	
}*/
//document.oncontextmenu=function(e){return false;} 
//window.localStorage.loadFeeds = 'true';

/*function openFeedsModal(){
	$('#feedsModal').modal('show');
}*/



current_editor = UE.getEditor('WxMsgContent');

/*current_editor.ready(function(){
	//current_editor.addListener('ready', resetHandler);
	setTimeout(function(){
			//current_editor.execCommand('drafts');
			current_editor.execCommand( 'focus' );
			
			var editor_document = current_editor.selection.document;
			if( window.localStorage){ // 本地临时存储编辑器内容
				if(typeof window.localStorage._135content != "undefined"){
					//alert(window.localStorage._135content);
					setEditorHtml(window.localStorage._135content);
					$(editor_document).find('.135editor').each(function(){
						//$(this).removeAttr('style');
						$(this).css({'border':'0 none','padding':0});
					});
				}
				if(typeof window.localStorage._edit_msg_id != "undefined"){
					current_edit_msg_id = window.localStorage._edit_msg_id;
				}
				setInterval(function(){
					window.localStorage._135content = getEditorHtml();
				},10000);			
			}
	},100);
    
});
*/
$(function(){
	
	
	
	$('#style-categories .filter').click(function(){
		$('#insert-style-list').scrollTop(0); //切换分类时，回到顶部
	});
	
	
	
	$(window).resize(function(){
		var win_height = $(window).height();
		$('#full-page').height(win_height);
		var area_height = win_height-165;
		
		if( win_height < 800 && $(window).width() > 1300 ){
			//area_height = 800;
			$('#full-page').addClass('small-height');
			area_height += 50;
		}
		else{
			$('#full-page').removeClass('small-height');
		}
		
		$('#WxMsgContent,.edui-editor-iframeholder').height(area_height-8);
		$('.item,.n1-1').height(area_height);
		
		$('.editor2').height(area_height);
		
		if( $(window).width() < $('body').width() ) {
			$('body').scrollLeft( $('body').width() - $(window).width() );
		}
		
		
	}); 
	
	setTimeout(function(){
		$(window).trigger('resize');
	},500);
	
	$('.autonum').on('mousewheel', function(event) {
		if(event.deltaY < 0) { //向下滚动
			$(this).html( parseInt($(this).html()) - 1);
		}
		else{
			$(this).html( parseInt($(this).html()) + 1);
		}
	    return false;
	}).tooltip({'title':'上下滚动鼠标，可调整序号大小',container: 'body'});
	
	
	
	
	window.onbeforeunload = function(event){
		var html = getEditorHtml();
		if(html != ""){
			if( window.localStorage){
				localStorage._135content = html;
				window.localStorage._edit_msg_id = current_edit_msg_id; 
			}
			event.returnValue = "即将离开页面，是否确认编辑的内容已使用并废弃？";   
		}
	}
	
	
	$('.editor-template-list > li').addClass('mix');
	$('.editor-template-list').mixItUp({
    	layout:{display:'block'},
    	callbacks:{}
    });
	
	$('.popover-trigger').popover({trigger:"hover"});
	$('#btn-help').popover();
	$('#editor-type-pop').popover({
	  trigger: 'hover'
	});
	
	
});
</script> 
<script src="js/c2ec280ea1.js" type="text/javascript"></script> 
<script>
var less_parser = new less.Parser;
/*ZeroClipboard.config( { swfPath: "/js/ZeroClipboard/ZeroClipboard.swf" } );*/

$(function(){
	

	
	$('.colorPicker').colorPicker({
	    customBG: '#FFF',
	    init: function(elm, colors) { 
	      elm.style.backgroundColor = elm.value;
	      elm.style.color = colors.rgbaMixCustom.luminance > 0.22 ? '#222' : '#ddd';
	    }
	    
	});
	$('.colorPicker').blur(function(){
		setBackgroundColor(this.value,'#FFF',true);
		this.style.backgroundColor = this.value;
		this.style.color = '#FFF';
	});
	$('.colorPicker').keyup(function(){
		if(this.value.search('#') == 0){
			if(this.value.length ==7 ) { //|| this.value.length ==4
				$(this).trigger('focus.colorPicker');
			}
		}
		else{
			
			if( this.value.search('rgb') == 0 && this.value.indexOf(")") >0 ) {
				$(this).trigger('focus.colorPicker');
			}
		}
	});
	
	
	$(document).on('click','#flat-strip-shadow',function(){
		var html = getEditorHtml();
		var obj = $('<div>'+html+'</div>');
		obj.find('*').css('box-shadow','');
		var newHtml = obj.html();
		setEditorHtml(newHtml);
	});
	
	$(document).on('click','#flat-add-shadow',function(){
		var html = getEditorHtml();
		var obj = $('<div>'+html+'</div>');
		
		obj.find('*').each(function(){			
				if( $(this).css('background-color') == 'transparent' ||  $(this).css('background-color') == '' ){
				}
				else{
					$(this).css('box-shadow','rgba(205, 205, 205,0.9) 2px 3px 2px');
				}
		});
		obj.find('hr').each(function(){
			$(this).css('box-shadow','rgba(205, 205, 205,0.9) 1px 1px 2px');
		})
		var newHtml = obj.html();
		setEditorHtml(newHtml);
	});	
	
	
	$(document).on('click','#set-image-radius',function(){
		var html = getDealingHtml();	
		var obj = $('<div>'+html+'</div>');
		obj.find('img').css('border-radius','50%');
		setDealingHtml(obj.html())
		obj = null;
	});
	$(document).on('click','#set-image-border',function(){
		var html = getDealingHtml();	
		var obj = $('<div>'+html+'</div>');
		obj.find('img').css({"background-color":"#fff","border-radius":"4px","max-width":"100%","padding":"4px","border":"1px solid #ddd"});
		setDealingHtml(obj.html())
		obj = null;
	})
	
	$(document).on('click','#flat-add-radius',function(){
		var html = getDealingHtml();	
		var obj = $('<div>'+html+'</div>');
		obj.find('*').each(function(){
			if( $(this).css('background-color') != 'transparent' &&  $(this).css('background-color') != '' ){
				$(this).css('border-radius','4px');
			}			
		});
		setDealingHtml(obj.html())
		obj = null;
	});
	
	$(document).on('click','#flat-strip-radius',function(){
		var html = getDealingHtml();	
		var obj = $('<div>'+html+'</div>');
		obj.find('*').css('border-radius','');
		setDealingHtml(obj.html())
		obj = null;
	});
	
	$(document).on('click','#flat-add-border',function(){
		var html = getDealingHtml();	
		var obj = $('<div>'+html+'</div>');
		obj.find('*').each(function(){
			if( $(this).css('background-color') != 'transparent' &&  $(this).css('background-color') != '' ){
				$(this).css('border','1px solid #efefef');
			}			
		});
		//obj.find('.135editor').css('border','1px solid #efefef');
		setDealingHtml(obj.html())
		obj = null;
	});
	$(document).on('click','#flat-strip-border',function(){
		var html = getDealingHtml();	
		var obj = $('<div>'+html+'</div>');
		
		obj.find('*').each(function(){
			//if( $(this).css('background-color') == 'transparent' ||  $(this).css('background-color') == ''  ){
			//}
			//else{
				$(this).css('border','');
				$(this).css('border-width','0');
			//}
		});
		
		setDealingHtml(obj.html())
		obj = null;
	})

	$(document).on('click','#insert-style-list .ui-portlet-list > li',function(){
		//data-135editor=\"true\"
		//多插入一个空行，防止有时无法选择到底部了，或者两个元素中间不方便插入内容。
		
		if($(this).hasClass('ignore')){
			return false;
		}
		
		var ret = false;
		var num = parseInt($(this).find('.autonum:first').text());
		
		if(typeof num != "undefined") {
			$(this).find('.autonum:first').find('.autonum:first').text(num+1);
		}
		
		var id = $(this).data('id');
		
		
		$(this).contents().filter(function() {
			return this.nodeType === 3 && $.trim($(this).text()) == "";
		}).remove();
		$(this).find('p').each(function(){
			if($.trim($(this).html())=="&nbsp;") {
				$(this).html('<br/>');
			}
		});
		$(this).find('*').each(function(){
			if($(this).attr('data-width')) {
				return;
			}
		
			if( this.style.width && this.style.width != "" ) {
				$(this).attr('data-width',this.style.width);
			}
		});
		
		var style_item = $(this).find('.135editor:first');
		
		if(style_item.size()){
			// insertHtml( $(this).html() + "<p>&nbsp;</p>"); 包含收藏夹的删除按钮等 
			ret = insertHtml("<fieldset data-id=\""+id+"\"  style=\"border:0 none;\" class=\"135editor\">" + style_item.html() + "</fieldset><p><br/></p>"); 
		}
		else{ //最外围包装135editor容器
			ret = insertHtml("<fieldset data-id=\""+id+"\"  style=\"border:0 none;\" class=\"135editor\">" + $(this).html() + "</fieldset><p><br/></p>"); 
		}
		
		if(ret){			
			if(typeof num != "undefined") {
				$(this).find('.autonum:first').text(num+1);
			}
			style_click($(this).data('id'));
		}
		
	});
	

	$(document).on('click','#tab-tpl-trigger',function(){ // 系统及收藏模板加载
		if($('#editor-tpls-list').html()==""){
			$('#editor-tpls-list').html('<img src="/img/ajax/circle_ball.gif"> 正在加载').load('/editor_styles/myTemplates?suffix=-1 #tpl-tab-content',function(){
				$('#editor-tpls-list').find('.col-md-3').removeClass('col-md-3').addClass('col-md-6');
				$('#editor-tpls-navtab a:first').tab('show');				
			})
		}		
	});
	
	$(document).on('click','#tab-wxmsg-trigger',function(){ // 我的图文加载
		//if($('#editor-msg-list').html()=="")
		{
			if($('#editor-msg-list').find('.preloading').size() == 0) {
				$('#editor-msg-list').prepend('<div class="preloading"><img src="/img/ajax/circle_ball.gif"> 正在加载</div>');
			}
			else{
				$('#editor-msg-list').find('.preloading').show();
			}
			ajaxActionHtml('/wx_msgs/mine',null,function(html){
				//$('#editor-msg-list').html(html);
				
				
				$('<div>'+html+'</div>').find('.col-md-4').each(function(){
					$('.article-msg').appendTo('#editor-msg-list');
				});
				
				$('#editor-msg-list').html( $('<div>'+html+'</div>').find('#wxmsg-mine-list').html() );
				page_loaded();
			});
			
			
			
			$('#editor-msg-list').html('<div class="preloading"><img src="/img/ajax/circle_ball.gif"> 正在加载</div>').load('/wx_msgs/mine #wxmsg-mine-list',function(){
				page_loaded();
				/*$('.article-msg').tooltip({'title':'点击插入重新编辑'}).on('shown.bs.tooltip', function (e) {
					  // do something…
					e.preventDefault();
	            	e.stopPropagation();
				});*/
			})
		}		
	});
	$(document).on('click','#editor-msg-list .pagelink a',function(){
		var url = $(this).attr('href');
		$('#editor-msg-list').html('<div class="preloading"><img src="/img/ajax/circle_ball.gif"> 正在加载</div>').load(url+' #wxmsg-mine-list',function(){
			page_loaded();		
		})
		return false;
	});
	
	$(document).on('click','#tpl-tab-content .template-cover,#tpl-tab-content .editor-style-content',function(){ //选中模板后设置编辑器的内容	
		var tid = $(this).data('id');
		var obj = $('#template-'+tid);
		
		obj.contents().filter(function() {
			return this.nodeType === 3 && $.trim($(this).text()) == "";
		}).remove();
		obj.find('p').each(function(){
			if($.trim($(this).html())=="&nbsp;") {
				$(this).html('<br/>');
			}
		});
		
		setEditorHtml(obj.html());
		
		var id = parseInt(obj.data('id'));
		
		if(id > 0){
			$('#template_id').val(id);
			$('#auto_cover_tpl').removeClass('hidden');
		}
		else{
			$('#template_id').val('');
			$('#auto_cover_tpl').addClass('hidden');
		}
		
		$('#template_name').val(obj.data('name'));
		$('#dialog-template-name').val(obj.data('name'));
		//$('#feedsModal').modal('hide');
	});
	
	$(document).on('click','.delete-msg',function(){
		var $this = $(this);
		var url = $(this).data('url');
		if(confirm('是否确认删除这条图文消息')) {
			ajaxAction(url,null,null,function(request){
				$this.parents('.article-msg:first').remove();
			});
		}
	});	
	
	$(document).on('click','.article-msg a',function(e){
		e.stopPropagation();
		// e.preventDefault(); // 阻止冒泡但不屏蔽默认事件
	});
	
	/*$(document).on('click','.article-msg,.article-msg .opr-edit',function(){
		var id =  $(this).data('id');
		current_edit_msg_id = id;
		var url = BASEURL + '/wx_msgs/view/'+id+'.json?nolazy=1';
		ajaxAction(url,null,null,function(request){
			if(request.data ){
				if(request.data.WxMsg.content) {
					setEditorHtml(request.data.WxMsg.content);
				}
				else{
					setEditorHtml("");
				}
				
			}
		});

	});*/
	

	$(document).on('click','.color-swatch',function(){
		$('.color-swatch').removeClass('active');
		$(this).addClass('active');
		var color = $(this).data('color'); //data-color为前景色，bgcolor为背景色，或者无背景文字的前景色
		var bgcolor = $(this).css('backgroundColor');
		
		$('#custom-color-text').val(bgcolor).css('backgroundColor',bgcolor);
		
		if(!color)  color = '#FFF';
		setBackgroundColor(bgcolor,color, true);
		if( ! current_active_135item ) {
			$('.editor-template-list li > .135editor').each(function(){
				parseObject($(this),bgcolor,color);
				$(this).attr('data-color',bgcolor);
			});
		}
	});
	/*var default_color = $('.default-color').css('backgroundColor');
	$('.editor-template-list li > .135editor').each(function(){
		parseObject($(this),default_color,'#FFF');
		$(this).attr('data-color',default_color);
	});*/
	
	$(document).on('click','#135-random-transform',function(){
		var editor_document = current_editor.selection.document;
		var deg = parseInt(Math.random()*8);
		var f = Math.random()*10 > 5 ? '+' : '-';
		$(editor_document).find('.135editor').each(function(i){
			if((i+1)%3 == 0) {
				deg = parseInt(Math.random()*8);
				f = Math.random()*10 > 5 ? '+' : '-';
			}
			$(this).css('transform','rotate('+f+deg+'deg)').css('-webkit-transform','rotate('+f+deg+'deg)');
		});
	});
	
	$(document).on('click','#135-random-color',function(){
		var html = getDealingHtml();	
		var obj = $('<div>'+html+'</div>');
		var bgcolors = ['#5BB75B','#2E8BCC','#F09609','#E51400','#7B4F9D','#E671B8','#008641','#20608E','#FFC40D'];
		
		var rd = Math.floor(Math.random() * ( bgcolors.length));
		var used = [];
		var current_bgcolor = bgcolors[rd];
		var components = obj.find('.135editor').each(function(i){
			if(i%random_color_step == 0){
				do
				{
					rd = Math.floor(Math.random() * ( bgcolors.length));
				}
				while(jQuery.inArray(rd,used) != -1);
				
				used[used.length] = rd;
				if( used.length == bgcolors.length ){
					used = [];
				}				
				
				current_bgcolor = bgcolors[rd];
			}
			$(this).html(parseHtml($(this).html(),current_bgcolor,current_select_color));
		});
		
		setDealingHtml(obj.html())
		obj = null;
	});
	
	
	$('#clear-editor').click(function(){
		if(confirm('是否确认清空内容，清空后内容将无法恢复')){
			current_edit_msg_id = null;
			setEditorHtml("");
		}		
	});
	
	if(typeof localStorage.loadFeeds == "undefined" ||  window.localStorage && window.localStorage.loadFeeds == "true")
	{
		//openFeedsModal();
	}
	
	$('#preview-editor').click(function(){
		$('#preview-msg-content').html(getEditorHtml());
		publishController.open_html_dialog('preview-msg');
	});
	
	
	$('#save-as-template').click(function(){
		/*clean_135helper();
		saveTemplate(this.form);*/
		var content=UE.getEditor('WxMsgContent').getContent();
		//console.log(content);
		/* var contentNoTag=UE.getEditor('WxMsgContent').getContentTxt();
		console.log(contentNoTag); */
		var summary=UE.getEditor('WxMsgContent').getContentTxt().substr(0,50);
		//console.log(summary);
		
		$.ajax({
	        url:"/article/save.do",//提交地址
	        data:{
	        title:summary,
	        content:content
	        },
	        type:"POST",
	        dataType:"json",
	        success:function(result){
	          if (result.success == true){
	            alert("成功！");
	            UE.getEditor('WxMsgContent').setContent("");
	          }else{
	            alert("失败！");
	          }
	        }
	      });
	});
	
	
	$('#html-to-image').click(function(){
		clean_135helper();
		this.form.action = '/downloads/htmlToImage';
		this.form.submit();
	});
	var client = new ZeroClipboard( $('#copy-editor-html') );
	client.on( 'ready', function(event) {
		client.on( 'copy', function(event) {
			
			clean_135helper();
	  		event.clipboardData.setData('text/html', getEditorHtml());
	  		event.clipboardData.setData('text/plain', getEditorHtml());
	  		showSuccessMessage("已成功复制到剪切板");
		});
	});
	
	if($.cookie('bgimg')) {
		//$('#bg-img').attr('src',$.cookie('bgimg'));
		$('body').css('background-image','url('+$.cookie('bgimg')+')');
	}
	else{
		var bi = parseInt(Math.random()*5);
		$('#bg-choose div').eq(bi).trigger('click');
	}

	$('#bg-choose .chooser').click(function(){
		//$('#bg-img').attr('src',$(this).data('url'));
		$('body').css('background-image','url('+$(this).data('url')+')');
		$.cookie('bgimg',$(this).data('url'));
	});
	
	$('#bg-choose .default').click(function(){
		$('body').css('background-image','initial');
		//$('#bg-img').removeAttr('src',"");//
		$.cookie('bgimg',null);
	});
	
	$('#btn-favor-color').click(function(){
		
		if( !sso.check_userlogin() ) {
			return false;
		}
		var colors = $('#custom-color-text').css('backgroundColor');//.val();
		var color_array = [];
		color_array[0] = colors;
		var hasfavor = false;
		
		$('#favor-colors li').each(function(){
			if($.inArray($(this).css('backgroundColor'),color_array) == -1 ) {
				colors += ';'+$(this).css('backgroundColor');
			}
			else{
				hasfavor = true;
			}
			
		});
		if( hasfavor == false ) {
			setFavorColor(colors,function(){
				$('#favor-colors').prepend('<li class="color-swatch" style="background-color:'+ $('#custom-color-text').val() +' ;"><i title="删除" class="fa fa-remove"></i></li>');
			});
		}
		else{
			alert('此颜色已收藏');
		}
		
	});
	
	$(document).on('click','#favor-colors .fa-remove',function(e){
		
		e.preventDefault();e.stopPropagation();
		
		$(this).parent().remove();
		var colors = '';
		$('#favor-colors li').each(function(){
			colors += $(this).css('backgroundColor')+';';
		});
		setFavorColor(colors);
		return false;
	});
		
});

</script>
<div id="jGrowl" class="top-right jGrowl">
  <div class="jGrowl-notification"></div>
</div>
<div id="bg-choose" title="" data-toggle="tooltip" data-placement="right" data-container="body" style="position:fixed;bottom:28px;left:0px;z-index:10;height:auto;width:30px;border:0;padding:5px 0;background:rgba(58,51,50,0.5);" data-original-title="点击更换编辑器背景图">
  <div class="default" style="background:#c9b3a5;"></div>
  <div class="chooser" style="background:#584446;" data-url="images/bg.jpg"></div>
  <div class="chooser" style="background:#ba907b;" data-url="images/bg1.jpg"></div>
  <div class="chooser" style="background:#fcdebd;" data-url="images/bg2.jpg"></div>
  <div class="chooser" style="background:#b0bbb7;" data-url="images/bg3.jpg"></div>
</div>
<div id="zeroClipBoard-helper" class="hidden"></div>

<a href="#" id="toTop" style="display: none;"><span id="toTopHover"></span>To Top</a>
<div id="global-zeroclipboard-html-bridge" class="global-zeroclipboard-container" style="position: absolute; left: 0px; top: -9999px; width: 1px; height: 1px; z-index: 999999999;">
  <object id="global-zeroclipboard-flash-bridge" name="global-zeroclipboard-flash-bridge" width="100%" height="100%" type="application/x-shockwave-flash" data="/js/ZeroClipboard/ZeroClipboard.swf?noCache=1433302358209">
    <param name="allowScriptAccess" value="sameDomain">
    <param name="allowNetworking" value="all">
    <param name="menu" value="false">
    <param name="wmode" value="transparent">
    <param name="flashvars" value="trustedOrigins=www.135editor.com%2C%2F%2Fwww.135editor.com%2Chttp%3A%2F%2Fwww.135editor.com&amp;swfObjectId=global-zeroclipboard-flash-bridge&amp;jsVersion=2.2.0">
    <div id="global-zeroclipboard-flash-bridge_fallbackContent">&nbsp;</div>
  </object>
</div>
<div id="edui_fixedlayer" class="edui-default" style="position: fixed; left: 0px; top: 0px; width: 0px; height: 0px;">
  <div id="edui117" class="edui-popup  edui-bubble edui-default" onmousedown="return false;" style="display: none;">
    <div id="edui117_body" class="edui-popup-body edui-default">
      <iframe style="position:absolute;z-index:-1;left:0;top:0;background-color: transparent;" frameborder="0" width="100%" height="100%" src="about:blank" class="edui-default"></iframe>
      <div class="edui-shadow edui-default"></div>
      <div id="edui117_content" class="edui-popup-content edui-default"> </div>
    </div>
  </div>
</div>
</body>
</html>